.personal-center{margin: 0 24px;min-width: 1428px;}
.personal-left-item{width: 56%;display: inline-block;}
.personal-right-item{width: 42%; display: inline-block;vertical-align: top;margin: 16px 0 0 16px;}
.personal-banner{
	height: 173px;
	margin-bottom: 32px;
	display: inline-block;
}
.personal-banner img{
	width:calc(100% + 16px);
	height: calc(100% + 16px);
}
.personal-height{height: 173px;}
.personal-height-tab{height: 496px;overflow: hidden;}
.personal-common{
	box-shadow:0px 1px 4px 0px rgba(0,0,0,0.2);
	border-radius:4px;
	background-color: #fff;
	display: inline-block;
	width: 100%;
	margin-bottom: 17px;
}
.personal-function ul{padding-left: 16px;display: flex;}
.personal-function ul li,.manager-function ul li{
	text-align: center;
	background-color: #F5F7FA;
	width: 112px;
	padding: 10px 0;
	border-radius: 4px;
	font-size: 12px;
	margin:10px 15px 10px 0;
	color: #3B82FF;
	cursor: pointer;
}
.personal-function ul li>i,.manager-function ul li>i{
	display: inline-block;
	font-size:36px;
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
	margin-bottom: 13px;
}
.manager-function ul{padding: 16px}
.manager-function ul li{float: left;}
.personal-title{
	height: 54px;
	line-height: 53px;
	padding: 0 14px;
	border-bottom: 1px solid #EEEEEE;
	font-size: 18px;
	color: #272727;
	font-weight: 500;
}
.title-right{float: right;font-size: 14px;height: 100%;cursor: pointer;}
.title-right>p{display: inline-block;vertical-align: top;}
.title-right>p>i{font-size: 32px;}
.title-right select{
	color: #272727;
	font-weight: 400;
	margin-left: 20px;
	padding: 0 10px;
	line-height: 32px;
}
.title-right select[name="week"]{
	width: 100px;
}
.title-right select[name="semester"]{
	width: 150px;
}

ul.personal-statistics li{
	float: left;
	color: #5F727F;
	margin: 32px 0px 32px 45px;
	text-align: center;
}
ul.personal-statistics li>p{
	font-size: 36px;
	color: #272727;
	margin-top: 10px;
}
ul.personal-statistics li>i{
	display: block;
	min-width: 80px;
	height: 32px;
	background-size: 80px 32px;
}
.icon-count-a{background: url(../../images/count_1.png)no-repeat center;}
.icon-count-b{background: url(../../images/count_2.png)no-repeat center;}
.icon-count-c{background: url(../../images/count_3.png)no-repeat center;}
.icon-count-d{background: url(../../images/count_4.png)no-repeat center;}

.icon-func-a{background: url(../../images/per_1.png)no-repeat center;}
.icon-func-b{background: url(../../images/per_2.png)no-repeat center;}
.icon-func-c{background: url(../../images/per_3.png)no-repeat center;}
.icon-func-d{background: url(../../images/per_4.png)no-repeat center;}
.icon-func-e{background: url(../../images/per_5.png)no-repeat center;}

.personal-table{width: 100%;}
.per-cur-week{color: #3B82FF !important;}
.personal-table tr{
	border-bottom:1px solid #E9EFF4;color: #5F727F;
}
.personal-table tr th{
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}
.personal-table tr td{
	font-size: 14px;
	height: 60px;
	text-align: center;
	padding: 1px;
	width: 12.5%;
	border-right: 1px solid #E9EFF4;
}
.personal-height32{height: 320px;overflow-y: hidden;}

.personal-table tr:last-child{border-top: 1px solid #EEEEEE;}
.personal-table tr td:last-child{border-right: none;}
.personal-table tr td p{
	border-radius:4px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 9px 8px;
	font-size: 12px;
	color: #272727;
	text-align: left;
}
.personal-table tr td p.per-bg{
	background: linear-gradient(
        -60deg, 
        #EAEDF0 0, #EAEDF0 5%, transparent 5%, transparent 10%,
		#EAEDF0 10%, #EAEDF0 15%, transparent 15%, transparent 20%,
		#EAEDF0 20%, #EAEDF0 25%, transparent 25%, transparent 30%, 
        #EAEDF0 30%, #EAEDF0 35%, transparent 35%, transparent 40%,
		#EAEDF0 40%, #EAEDF0 45%, transparent 45%, transparent 50%,
		#EAEDF0 50%, #EAEDF0 55%, transparent 55%, transparent 60%,
		#EAEDF0 60%, #EAEDF0 65%, transparent 65%, transparent 70%,
		#EAEDF0 70%, #EAEDF0 75%, transparent 75%, transparent 80%,
		#EAEDF0 80%, #EAEDF0 85%, transparent 85%, transparent 90%,
		#EAEDF0 90%, #EAEDF0 95%, transparent 95%, transparent
      );}
.personal-table tr td p.per-bg1{background: #F5B4FF;}
.personal-table tr td p.per-bg2{background: #FFB8B8;}
.personal-table tr td p.per-bg3{background: #FFD9B3;}
.personal-table tr td p.per-bg4{background: #C8C4FF;}
.personal-table tr td p.per-bg5{background: #BFF2FF;}
.personal-table tr td p.per-bgline{position: relative;}
.personal-table tr td p.per-bgline:before{position: absolute;width: 0;content: '';height: 0;border: 4px solid;border-color: transparent transparent #3B82FF;transform: rotate(90deg);left: 0;top: 80%;}
.personal-table tr td p.per-bgline:after{position: absolute;height: 2px;background-color: #3B82FF;width: 100%;content: '';left: 0;top: calc(80% + 3px);}
ul.notice-ul{padding: 0 20px;}
ul.notice-ul li{height: 60px;border-bottom: 1px dashed #EEEEEE;line-height: 60px;color: #888888;}
/* layui */
.personal-common .layui-tab,.personal-common .layui-table-view{margin: 0;}
.personal-common .layui-tab-title{height: 54px;color: #757575;}
.personal-common .layui-tab-title .layui-this{color: #3B82FF;}
.personal-common .layui-tab-title li{line-height: 54px;min-width:137px;}
.personal-common .layui-tab-title .layui-this:after{height: 54px;}
.personal-common .layui-icon{font-size: 14px;}
.personal-common .layui-badge, .layui-badge-dot, .layui-badge-rim{
	background-color: #EE792B;
	color: #fff;
	font-size: 12px;
}
.personal-common .layui-badge{border-radius: 10px;}
.personal-common .layui-badge-dot{width: 6px;height: 6px;top: -9px;}
.layui-badge{margin-left: 5px;}
.layui-tab .layui-tab-title .title-right span{
	color: #3B82FF;
	line-height: 53px;
	margin-right: 14px;
}
/* 日历 */
.week-cal-table tr td{width: 113px;height: 60px;text-align: center;color: #5F727F;}
.week-cal-table tr td>h4{position: relative;}
.week-cal-table tr td:not(:first-child){border-right: none;}
.week-cal-table tr:not(:first-child){border-bottom: none;}
ul.note-tr>li{display: inline-block;margin:3px;min-width: 135px;}
ul.note-tr{text-align: left;}
.person-badge{width: 20px;height: 20px;border-radius:2px;display: inline-block;margin:0 10px 0 36px;vertical-align: bottom;}

.person-bg-green{background-color: #67E0C8;}
.person-bg-blue{background-color: #89B4FF;}
.person-bg-pink{background-color: #FFB4B4;}
.person-bg-yellow{background-color: #FFD095;}
.person-bg-purple{background-color: #7469F8;}
.person-bg-sky{background-color: #5FDEFF;}
.person-bg-red{background-color: #FF4D4D;}
.person-bg-rose{background-color: #E743FF;}
.person-bg-cherry{background-color: #FF5493;}
/********************************** 重叠样式 ****************************/
.overlay-blue::after,
.overlay-pink::after,
.overlay-yellow::after,
.overlay-green::after,
.overlay-purple::after,
.overlay-sky::after,
.overlay-red::after,
.overlay-rose::after,
.overlay-cherry::after{
	position: absolute;
	width: 35px;
	height: 100%;
	content: '';
	border-radius: 89px;
	z-index: 9;
	right: 0;
	cursor: pointer;
}
.overlay-blue::after{border-right: 3px solid #89B4FF;}
.overlay-pink::after{border-right: 3px solid #FFB4B4;}
.overlay-yellow::after{border-right: 3px solid #FFD095;}
.overlay-green::after{border-right: 3px solid #FFD095;}
.overlay-purple::after{border-right: 3px solid #7469F8;}
.overlay-sky::after{border-right: 3px solid #5FDEFF;}
.overlay-red::after{border-right: 3px solid #FF4D4D;}
.overlay-rose::after{border-right: 3px solid #E743FF;}
.overlay-cherry::after{border-right: 3px solid #FF5493;}

.week-cal-table .week-other-month{color: #C8C8C8;}
.week-cal-table h4{line-height: 35px;}
.range-box-start{color: #fff!important;border-radius: 89px 0 0 89px;margin:0 -1px;}
.range-box-middle{color: #fff!important;margin:0 -1px;}
.range-box-end{color: #fff!important;border-radius: 0 89px 89px 0;margin:0 -1px;}
.range-box-single{color: #fff!important;border-radius: 89px;margin:0 -1px;}

.personal-table .hint{left: -20px;}

@media screen and (max-width:1680px){
 .personal-left-item{width: 57%;}
 .personal-right-item{width: 41%;}
 .personal-function ul li, .manager-function ul li{width: 100px;margin: 10px 11px 10px 0;}
 ul.personal-statistics li{margin: 32px 0 32px 40px;}
}